<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>联系我们</title>
		<link rel="shortcut icon" href="img/favicon.ico" /> 
		
		<link rel="stylesheet" href="css/min.css">
		<link rel="stylesheet" type="text/css" href="css/case_exhibition.css"/>
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		
		<script src="http://api.map.baidu.com/api?v=2.0&ak=rLIu1hYIHHikNyN1G2xbBWdlFgpTsss2"></script>
		<script src="js/jquery.baiduMap.min.js"></script>
		
		
		<!--[if lt IE 10]>
			<link rel="stylesheet" href="css/min.css">
			<link rel="stylesheet" href="css/ie.css">
			<link rel="stylesheet" href="css/minie9.css">
			<script src="https://js.easytransfer.cn/js/main/lib/vendor/html5shiv.js"></script>
			<script src="https://js.easytransfer.cn/js/main/lib/vendor/respond.min.js"></script>
			<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
			<script src="js/min.js"></script>
		<![endif]-->

		<!--[if lt IE 9]>
			<link rel="stylesheet" href="css/min.css">
			<link rel="stylesheet" href="css/ie.css">
			<link rel="stylesheet" href="css/minie78.css">
			<script src="https://js.easytransfer.cn/js/main/lib/vendor/html5shiv.js"></script>
			<script src="https://js.easytransfer.cn/js/main/lib/vendor/respond.min.js"></script>
			<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
			<script src="js/min.js"></script>
		<![endif]-->

	</head>
	<body>
		<!-- 头部导航 -->
		<div class="headerpage"></div>

		<div class="bodyBox">
			<div class="navigationBox hidden-xs">
				当前所在位置 > 
				<a href="index.html">首页</a> > 
				<a href="case_exhibition.html">
					<span class="navigation"></span>
				</a>
			
			</div>
		
		<!-- 	<img src="img/pc/zhanshi/anli_xiangqing.png" class="hidden-xs">
			<img src="img/yd/zhanshi/anli_xiangqing.png" class="visible-xs-inline-block"> -->
			<div class="contactBox hidden-xs">
				<div>
					<div class="top">
						<div>
							<div>PHONE</div>
							<span>联系电话：</span>
						</div>
						<img src="img/pc/zhanshi/lianxi_icon2.png" alt="" class="img1">
						<img src="img/pc/zhanshi/lianxi_icon1.png" alt="" class="img2">
					</div>
					<div class="mobileBox">400-658-7768</div>
				</div>
				<div>
					<div class="top">
						<div>
							<div>ADDRESS</div>
							<span>联系地址：</span>
						</div>
						<img src="img/pc/zhanshi/lianxi_icon3.png" alt="" class="img1">
						<img src="img/pc/zhanshi/lianxi_icon4.png" alt="" class="img2">
					</div>
					<div class="addressBox">山东省济南市章丘城东工业园</div>
				</div>
				<div>
					<div class="top">
						<div>
							<div>EMAIL</div>
							<span>联系邮箱：</span>
						</div>
						<img src="img/pc/zhanshi/lianxi_icon5.png" alt="" class="img1">
						<img src="img/pc/zhanshi/lianxi_icon6.png" alt="" class="img2">
					</div>
					<div class="emailBox">xxoo@163.com</div>
				</div>
			</div>
			
			<div class="relation">
				<div class="left">
					<div class="journalism">
						<div>
							<div class="PC_journalism_top hidden-xs">
								<div class="title">
									<h1 class="h1">CONTACT US</h1>
									<div>联系我们</div>
								</div>
							</div>
							<div class="YD_journalism_top visible-xs-block">
								<div class="title">
									<div>客户留言</div>
									<h5>CUSTOMER MESSAGE</h5>
								</div>
							</div>
						</div>
						<div class="about_decorateBox">
							<div>
								<div class="about_body">
									<form id="form">
										<div>
											<div class="label"><span>*</span> 您的姓名</div>
											<input type="text" class="username" required placeholder="请输入您的姓名" />
										</div>
										<div>
											<div class="label"><span>*</span>您的手机号</div>
											<input type="text" maxlength="11" minlength="11" placeholder="请输入您的手机号" class="telephone" required oninput="value=value.replace(/[^\d]/g,'')" />
										</div>
										<div>
											<div class="label"><span>*</span>所在城市</div>
											<input type="text" class="e-mail city_id" required placeholder="请输入您的所在城市" />
										</div>
										<div class="remark">
											<div class="label"><span>*</span>请输入您的备注</div>
											<textarea placeholder="请输入备注" maxlength="200"></textarea>
											<div class="number ">
												<span>0</span>/200
											</div>
										</div>
										<input type="button" class="sendForm" value="马上提交" />
									</form>
						
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="right">
					<div class="YD_journalism_top visible-xs-block">
						<div class="title">
							<div>联系我们</div>
							<h5>CONTACT US</h5>
						</div>
					</div>
					<!-- 地图 -->
					<div class="map">
						<div id="container3" class="container fl"></div>
					</div>
					
					<div class="visible-xs-block information">
						<div>联系电话：400-658-7768</div>
						<div>联系地址：山东省济南市章丘城东工业园</div>
						<div>联系邮箱：xxoo@163.com</div>
					</div>
				</div>
			</div>
			
			
		</div>

		<!-- 底部关于我们 -->
		<div class="footer"></div>
	</body>
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
	<script src="js/min.js"></script>
	<script src="js/map.js"></script>
	
	
	
	
</html>
